<template>
  <div>
    <div class="block">
      <el-cascader
          :options="options"
          :props="props"
          clearable></el-cascader>
    </div>
  </div>

</template>

<script>
export default {
  name: "select.vue",
  data(){
    return {
      props: { multiple: true },
      options: [
        {
        value: 2,
        label: '数学库',
        children: [{
          value: 5,
          label: '一年级',
        }, {
          value: 6,
          label: '二年级',
        }, {
          value: 12,
          label: '三年级',

        }],

      },
        {
          value: 1,
          label: '语文库',
          children: [{
            value: 4,
            label: '一年级',
          }, {
            value: 7,
            label: '二年级',
          }, {
            value: 12,
            label: '三年级',

          }],
        },

      ]


    }
  }
}
</script>

<style scoped>

</style>